<template>
	<view class="bgf8">
		<!-- 头部 -->
		<view class="MDhead">
			<view style="height: 112rpx;"></view>
			<view class="head_top fs16">
				<image src="../../static/22.png" mode=""></image>
				<view style="margin-left: 44rpx;padding-top: 15rpx;color: #FFFFFF;">
					<view style="position: relative;display: flex;">
						<text>农夫果园</text>
						<image style="width: 28rpx;height: 24rpx;margin-left: 8rpx;top: 10rpx;" src="../../static/iconxfz.png" mode=""></image> 
					</view>
					<view class="fs14" style="padding-top: 20rpx;">
						136 9885 4362
					</view>
				</view>
			</view>
		</view>
		<!-- 今日收益 -->
		<view class="w343" style="position: relative;">
			<h5 class="fs18 pdleft20" style="padding-top: 30rpx;">
				<text>126.60</text><text style="margin-left: 100rpx;">126</text>
			</h5>
			<view class="fs12 pdleft20" style="padding-top: 20rpx;color: #888888;">
				<text>今日收益(元)</text>
				<text style="margin-left: 100rpx;">今日订单(单)</text>
			</view>
			<view class="xiangqing fs12" style="display: flex;color: #888888;">
				<navigator url="XiangQing/XiangQing">
					<text>详情</text>
					<image src="../../static/iconfh.png" mode=""></image>
				</navigator>
				
			</view>
		</view>
		<!-- 服务 -->
		<view class="w343" style="height: 444rpx; margin: 0 auto;margin-top: 150rpx;">
			<view style="width: 90%;height: 110rpx;margin:0 auto;border-bottom: 2rpx solid rgba(243,243,243,1);line-height: 110rpx;">
				<h5 class="fs14">服务</h5>
			</view>
			<view style="width: 90%;display: flex;margin: 0 auto;flex-wrap: wrap; ">
				<view class="Mimg" style="">
					<navigator url="../../pages/PingJia/PingJia">
						<image src="../../static/icon00001.png" mode=""></image>
						<view class="fs12" style="text-align: center;">评价</view>
					</navigator>
				</view>
				<view class="Mimg" style="">
					<navigator url="./PSshezhi/PSshezhi">
						<image src="../../static/icon000002.png" mode=""></image>
						<view class="fs12" style="text-align: center;">配送设置</view>
					</navigator>
				</view>
				<view class="Mimg" style="">
					<navigator url="">
						<image src="../../static/icon000003.png" mode=""></image>
						<view class="fs12" style="text-align: center;">银行卡</view>
					</navigator>
				</view>
				<view class="Mimg" style="">
					<navigator url="./YHJGL/YHJGL">
						<image src="../../static/icon00004.png" mode=""></image>
						<view class="fs12" style="text-align: center;">优惠券管理</view>
					</navigator>
				</view>
				<view class="Mimg" style="">
					<navigator url="./CJwt/CJwt">
						<image src="../../static/icon00005.png" mode=""></image>
						<view class="fs12" style="text-align: center;">常见问题</view>
					</navigator>
				</view>
				<view class="Mimg" style="">
					<navigator url="./WTfankui/WTfankui">
						<image src="../../static/icon00006.png" mode=""></image>
						<view class="fs12" style="text-align: center;">意见反馈</view>
					</navigator>
				</view>
				<view class="Mimg" style="">
					<navigator url="">
						<image src="../../static/icon00007.png" mode=""></image>
						<view class="fs12" style="text-align: center;">关于我们</view>
					</navigator>
				</view>
			</view>
		</view>
		<!-- 底部TABBAR -->
		<view class="DBtabbar fs10">
			<navigator @click="TABBAR(0)" class="Tabbar" url="/components/Shangjia/Shangjia">
				<image v-if="idx == 0" src="../../static/icondindan1.png" mode=""></image>
				<image v-else src="../../static/icondindan2.png" mode=""></image>
				<text :class="idx==0?'greens':''">订单</text>
			</navigator>
		
			<navigator @click="TABBAR(1)" class="Tabbar" url="../ShangPinGuanLi/ShangPinGuanLi">
				<image v-if="idx == 1" src="../../static/icaonsq1.png" mode=""></image>
				<image v-else src="../../static/icongl2.png" mode=""></image>
				<text :class="idx==1?'greens':''">商品管理</text>
			</navigator>
			<navigator @click="TABBAR(2)" class="Tabbar" url="../MyDe/MyDe">
				<image v-if="idx == 2" src="../../static/iconwd1.png" mode=""></image>
				<image v-else src="../../static/iconwd2.png" mode=""></image>
				<text :class="idx==2?'greens':''">我的</text>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				idx:2
			}
		},
		methods: {
			TABBAR(idx) {
				this.idx = idx
			}
		}
	}
</script>

<style>
.MDhead{
	height: 444rpx;
	background: linear-gradient(316deg,#2ed993 0%, #20b47a 100%);
}
.head_top{
	height: 130rpx;
	padding-left: 46rpx;
	display: flex;
}
.head_top>image{
	width: 130rpx;
	height: 130rpx;
	border-radius: 50%;
}
.w343{
	width: 686rpx;
	height: 174rpx;
	background: #FFFFFF;
	margin: -87rpx auto;
}
.pdleft20{
	padding-left: 40rpx;
}
.xiangqing{
	width: 100rpx;
	height: 50rpx;
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
}
.xiangqing image{
	width: 10rpx;
	height: 20rpx;
	top: 0rpx;
	left: 20rpx;
}
.Mimg{
	width: 25%;
}
.Mimg> navigator >image{
	display: block;
	width: 32rpx;
	height: 30rpx;
	margin: 28rpx auto;
}
.imggg{
	display: block;
	width: 720rpx;
	height: 182rpx;
	margin: 20rpx auto;
}
</style>
